﻿@model Best.SmartCms.Dto.Mall.MallIndexDto

@{
  ViewBag.Title = "商城";
  Layout = "_Layout";
}
@section Head
  {
  <link href="/css/product.css" rel="stylesheet" type="text/css" />
}

<div class="J_mod mod-pic" style="height: 80px;">
  <div id="popup-content" style="visibility:hidden;height:0;">热销推荐</div>
  <div class="pic-wrap">
    <img src="/images/rxtj.jpg" />
  </div>
</div>
<div class="J_mod mod-prohotlist">
  <div class="qqkh-hot-list-h" style="position: relative;background: #e3e0e5;">
    <div class="qqkh-wp" style="position:relative;">
      <div class="qqkh-row clearfix " id="top-list">
        @foreach (var item in Model.TuiJianItems)
        {
          <div class="col-4">
            <div class="list-con clearfix list-line effect hg">
              <a data-track="1" href="/mall/detail/@item.Id" target="_blank" class="effect" style="display: block;">
                <div style="width: 100%; height: 400px; overflow: hidden; background: #eaeaea; position: relative;">
                  <div class="img-responsive center-block" style="width: 100%; height: 400px;">
                    <img src="@item.ImageUrl"/>
                  </div>
                </div>
                <div class="goods-inf">
                  <div class="col-12 col-pad">
                    <h2 class="inf-h2" style="text-align: center;">@item.Name</h2>
                  </div>
                </div>
                @*<div class="goods-inf-p">
                <div class="col-12 col-pad promotion" style="text-align:center !important;">
                  <span class="text-left" style="color: #808080;width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">直降500 | 6期免息</span>
                </div>
              </div>
              <div class="goods-inf-p">
                <div class="col-12 col-pad zi-span" style="width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom:4px;font-size:22px;text-align:center;height: 36px;line-height: 36px;color:#ff0000;">购机赠配件优惠券</div>
              </div>*@
                <div class="goods-inf-p">
                  <div class="col-12 padbottom col-pad" style="padding-bottom: 20px !important;">
                    <div style="text-align: center;">
                      <span class="btn-line" style="border-radius: 24px; background: #ff0000; vertical-align: middle; width: 256px; line-height: 41px; height: 40px; border-color: #ff0000; display: inline-block;" data-track="2" data-sbomcode="2601010102603" class="sall-btn effect" style="font-size: 23px !important; color: #FFFFFF; display: inline-block;" role="button">
                        <i style="font-size: 16px; color: white; font-style: normal;">&#165;</i>
                        <span style="margin: 0 5px; color: white; font-size: 28px;">@($"{item.Price}元")</span>
                        <del>
                          <span style="font-size: 20px; margin-left: -5px;">@($"{item.OldPrice}元")</span>
                        </del>
                      </span>
                    </div>
                  </div>
                </div>
              </a>
            </div>
          </div>
        }
      </div>
    </div>
  </div>
</div>

<div class="J_mod mod-pic" style="height: 80px;">
  <div id="popup-content" style="visibility:hidden;height:0;">好货种菜</div>
  <div class="pic-wrap">
    <img src="/images/hhzc.jpg" />
  </div>
</div>
<div class="J_mod mod-prohotlist">
  <div class="qqkh-hot-list-h" style="position: relative;background: #e3e0e5;">
    <div class="qqkh-wp" style="position:relative;">
      <div class="qqkh-row clearfix " id="top-list">
        @foreach (var item in Model.HotItems)
        {
          <div class="col-4">
            <div class="list-con clearfix list-line effect hg">
              <a data-track="1" href="/mall/detail/@item.Id" target="_blank" class="effect" style="display: block;">
                <div style="width: 100%; height: 400px; overflow: hidden; background: #eaeaea; position: relative;">
                  <div class="img-responsive center-block" style="width: 100%; height: 400px;">
                    <img src="@item.ImageUrl" />
                  </div>
                </div>
                <div class="goods-inf">
                  <div class="col-12 col-pad">
                    <h2 class="inf-h2" style="text-align: center;">@item.Name</h2>
                  </div>
                </div>
                @*<div class="goods-inf-p">
                    <div class="col-12 col-pad promotion" style="text-align:center !important;">
                      <span class="text-left" style="color: #808080;width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">直降500 | 6期免息</span>
                    </div>
                  </div>
                  <div class="goods-inf-p">
                    <div class="col-12 col-pad zi-span" style="width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom:4px;font-size:22px;text-align:center;height: 36px;line-height: 36px;color:#ff0000;">购机赠配件优惠券</div>
                  </div>*@
                <div class="goods-inf-p">
                  <div class="col-12 padbottom col-pad" style="padding-bottom: 20px !important;">
                    <div style="text-align: center;">
                      <span class="btn-line" style="border-radius: 24px; background: #ff0000; vertical-align: middle; width: 256px; line-height: 41px; height: 40px; border-color: #ff0000; display: inline-block;" data-track="2" data-sbomcode="2601010102603" class="sall-btn effect" style="font-size: 23px !important; color: #FFFFFF; display: inline-block;" role="button">
                        <i style="font-size: 16px; color: white; font-style: normal;">&#165;</i>
                        <span style="margin: 0 5px; color: white; font-size: 28px;">@($"{item.Price}元")</span>
                        <del>
                          <span style="font-size: 20px; margin-left: -5px;">@($"{item.OldPrice}元")</span>
                        </del>
                      </span>
                    </div>
                  </div>
                </div>
              </a>
            </div>
          </div>
        }
      </div>
    </div>
  </div>
</div>